<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('医废种类分析')"/>
    <th:block th:include="include :: datetimepicker-css"/>
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">

        <!--<div class="btn-group-sm time-search" id="toolbar" role="group">-->
        <!--<div class="input-group date time-input—search">-->
        <!--<span class="input-group-addon"><i class="fa fa-calendar"></i></span>-->
        <!--<input type="text" class="input-group-sm" id="laydate-demo-4"-->
        <!--placeholder="yyyy-MM-dd - yyyy-MM-dd">-->
        <!--<a class="btn btn-sm  btn-success" onclick="$.table.search()" shiro:hasPermission="yf:hospital:add">-->
        <!--<i class="fa fa-plus"></i> 查询-->
        <!--</a>-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="col-sm-12 select-table table-striped">-->
        <!--<table id="bootstrap-table"></table>-->
        <!--</div>-->

        <div class="col-sm-12 select-table table-striped">
            <table id="bootstrap-table" lay-filter="bootstrap-table"></table>
        </div>


    </div>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: datetimepicker-js"/>

<script type="text/html" id="toolbarDate">
    <div class="layui-inline">
        <label class="layui-form-label ">日期</label>
        <div class="layui-input-inline input-lang">
            <input type="text" class="layui-input layui-input-date" id="toolbarDate_layui">
        </div>
        <button type="button" lay-event="submits" class="layui-btn layui-btn-primary">查询</button>
    </div>
</script>
<script type="text/html" id="toolbarDate2">
    <div class="layui-inline ">
        <label class="layui-form-label ">日期：</label>
        <div class="layui-input-inline input-short">
            <input type="text" class="layui-input layui-input-date" id="toolbarDate_layui_2_start">
        </div>
        <div class="layui-input-inline "> ~ </div>
        <div class="layui-input-inline input-short">
            <input type="text" class="layui-input layui-input-date" id="toolbarDate_layui_2_end">
        </div>

        <button type="button" lay-event="submits" class="layui-btn layui-btn-primary">查询</button>
    </div>
</script>

<script type="text/html" id="titleTpl">
    <a href="/detail/{{d.id}}" class="layui-table-link">{{d.d1}}</a>
</script>
<script th:inline="javascript">
    var editFlag = [[${@permission.hasPermi('yf:reports:edit')}]];
    var removeFlag = [[${@permission.hasPermi('yf:reports:remove')}]];
    var prefix = ctx + "yf/reports/trashTypeAll";


    var districtsId = [[${districtsId}]];
    var deptType = [[${deptType}]];
    var showTP = [[${@config.getKey('yf.placenta.statistics')}]];


    // 时间
    // var dd = [[${#dates.format(date, 'yyyy-MM-dd HH:mm:ss')}]]

    var range = $.tableTemplate.dateValue("range"),
        startDate = $.tableTemplate.dateValue("start"),
        endDate = $.tableTemplate.dateValue('end');

    if (!districtsId) {
        layer.msg("当前机构未设置管理区域")
    }
    layui.use(['table', 'laydate'], function () {
        var laydate = layui.laydate,
            table = layui.table,
            config = {
                toolbar: "#toolbarDate2",   // 工具控件
                page: false,    // 开启分页
                totalRow: true  // 合计
            },
            cols_city = [[
                {
                    field: 's1',
                    align: 'center',
                    title: '下辖',
                    totalRowText: '合计：',
                    templet: function (row) {
                        if (row.i3 < 3)
                            return '<span lay-event="check" style="text-decoration: underline;color: #3636ad;">' + row.s1 + '</span>';
                        else
                            return row.s1;
                    }
                },
                {
                    field: 'i2',
                    align: 'center',
                    title: '机构数量',
                    totalRowType: 'int',
                    totalRow: true
                },
                {
                    field: 'i1',
                    align: 'center',
                    title: '暂存点数量',
                    totalRowType: 'int',
                    totalRow: true
                },
                {
                    field: 'd1',
                    align: 'center',
                    title: '病理性',
                    totalRow: true
                },
                {
                    field: 'd2',
                    align: 'center',
                    title: '损伤性',
                    totalRow: true
                },
                {
                    field: 'd3',
                    align: 'center',
                    title: '感染性',
                    totalRow: true
                },
                {
                    field: 'd4',
                    align: 'center',
                    title: '药物性',
                    totalRow: true
                },
                {
                    field: 'd5',
                    title: '化学性',
                    align: 'center',
                    totalRow: true
                },
                {
                    field: 'd6',
                    title: '胎盘',
                    align: 'center',
                    totalRow: true
                },
                {
                    field: 'd7',
                    title: '总计',
                    align: 'center',
                    totalRow: true
                }
//            {}//todo 不添加此行最后一行无法合计统计 很奇怪；
            ]],
            cols_city_notp = [[
                {
                    field: 's1',
                    align: 'center',
                    title: '下辖',
                    totalRowText: '合计：',
                    templet: function (row) {
                        if (row.i3 < 3)
                            return '<span lay-event="check" style="text-decoration: underline;color: #3636ad;">' + row.s1 + '</span>';
                        else
                            return row.s1;
                    }
                },
                {
                    field: 'i2',
                    align: 'center',
                    title: '机构数量',
                    totalRowType: 'int',
                    totalRow: true
                },
                {
                    field: 'i1',
                    align: 'center',
                    title: '暂存点数量',
                    totalRowType: 'int',
                    totalRow: true
                },
                {
                    field: 'd1',
                    align: 'center',
                    title: '病理性',
                    totalRow: true
                },
                {
                    field: 'd2',
                    align: 'center',
                    title: '损伤性',
                    totalRow: true
                },
                {
                    field: 'd3',
                    align: 'center',
                    title: '感染性',
                    totalRow: true
                },
                {
                    field: 'd4',
                    align: 'center',
                    title: '药物性',
                    totalRow: true
                },
                {
                    field: 'd5',
                    title: '化学性',
                    align: 'center',
                    totalRow: true
                },
                {
                    field: 'd7',
                    title: '总计',
                    align: 'center',
                    totalRow: true
                }
//            {}//todo 不添加此行最后一行无法合计统计 很奇怪；
            ]],
            cols_hosp = [[
                {
                    field: 's1',
                    align: 'center',
                    title: '医院名称',
                    minWidth: 200,
                    totalRowText: '合计：'
                },
                {
                    field: 's2',
                    align: 'center',
                    minWidth: 200,
                    title: '暂存点名称',
                    totalRow: false
                },
                {
                    field: 'd1',
                    align: 'center',
                    title: '病理性',
                    totalRow: true
                },
                {
                    field: 'd2',
                    align: 'center',
                    title: '损伤性',
                    totalRow: true
                },
                {
                    field: 'd3',
                    align: 'center',
                    title: '感染性',
                    totalRow: true
                },
                {
                    field: 'd4',
                    align: 'center',
                    title: '药物性',
                    totalRow: true
                },
                {
                    field: 'd5',
                    title: '化学性',
                    align: 'center',
                    totalRow: true
                },
                {
                    field: 'd6',
                    title: '胎盘',
                    align: 'center',
                    totalRow: true
                },
                {
                    field: 'd7',
                    title: '总计',
                    align: 'center',
                    totalRow: true
                }
//            {}//todo 不添加此行最后一行无法合计统计 很奇怪；
            ]],
            cols_hosp_notp = [[
                {
                    field: 's1',
                    align: 'center',
                    title: '医院名称',
                    minWidth: 200,
                    totalRowText: '合计：'
                },
                {
                    field: 's2',
                    align: 'center',
                    minWidth: 200,
                    title: '暂存点名称',
                    totalRow: false
                },
                {
                    field: 'd1',
                    align: 'center',
                    title: '病理性',
                    totalRow: true
                },
                {
                    field: 'd2',
                    align: 'center',
                    title: '损伤性',
                    totalRow: true
                },
                {
                    field: 'd3',
                    align: 'center',
                    title: '感染性',
                    totalRow: true
                },
                {
                    field: 'd4',
                    align: 'center',
                    title: '药物性',
                    totalRow: true
                },
                {
                    field: 'd5',
                    title: '化学性',
                    align: 'center',
                    totalRow: true
                },
                {
                    field: 'd7',
                    title: '总计',
                    align: 'center',
                    totalRow: true
                }
//            {}//todo 不添加此行最后一行无法合计统计 很奇怪；
            ]];

        // 判断是否是卫健局登录
        var tablehead;
        if ( deptType != null && deptType != '' ) {
            if( deptType === '130' ){
                if( showTP == 'false'  ){
                    tablehead = cols_hosp_notp;
                }else{
                    tablehead = cols_hosp;
                }
            }else{
                if( showTP == 'false'  ){
                    tablehead = cols_city_notp;
                }else{
                    tablehead = cols_city;
                }
            }
        }else{
            if( showTP == 'false'  ){
                tablehead = cols_city_notp;
            }else{
                tablehead = cols_city;
            }
        }

        table.render($.extend({
                elem: '#bootstrap-table',
                method: 'post',
                title: '医废类型统计分析表',
                url: prefix + "/list",//数据接口
                method: 'post',
                where: {
                    disId: districtsId,
                    startDate: startDate,
                    endDate: endDate
                },
                cols: tablehead,
                defaultToolbar: [
                    {
                        title: '返回',                // 标题
                        layEvent: 'REPLY',           // 事件名，用于 toolbar 事件中使用
                        icon: 'layui-icon-return'   // 图标类名
                    },
                    'filter',
                    'exports_custom',
                    'print'
                ],
                PrExData: {
                    PrTitle: "医废类型统计分析表",
                    ExTitle: "医废类型统计分析表",
                    header: [
                        {
                            type: "date",
                            float: "left",
                            size: 10,
                            index: 1,
                            dateFormat: "yyyy/MM/dd",
                            show: true,
                            text: ""  // 制表日期 ${start} 到 ${end}
                        }
                    ]
                },

                parseData: $.tableTemplate.parseData(),
                done: function (res, curr, count) {
                    $.tableTemplate.done(res, curr, count, config);
                }
            }, config )
        );

        table.on('tool(bootstrap-table)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
            if (layEvent === 'check') { //点击 body > div.container-div > div > div > div > div.layui-table-box > div.layui-table-header > table > thead > tr > th:nth-child(1) > div
                // layer.msg('check', {time: 2000});

                if (data.i3 == 0) {
                    // cols_city[0][0].title = '市';
                    table.reload("bootstrap-table", {
                        where: {
                            disId: data.i4,
                            startDate: startDate,
                            endDate: endDate
                        }
                    }); //重载表格
                } else if (data.i3 == 1) {
                    // cols_city[0][0].title = '县';
                    table.reload("bootstrap-table", {
                        where: {
                            disId: data.i4,
                            startDate: startDate,
                            endDate: endDate
                        }
                    }); //重载表格
                } else if (data.i3 == 2) {
                    table.render($.extend({
                            elem: '#bootstrap-table',
                            method: 'post',
                            title: '医废类型统计分析表',
                            url: prefix + "/list",//数据接口
                            method: 'post',
                            where: {
                                disId: data.i4,
                                startDate: startDate,
                                endDate: endDate
                            },
                            cols: cols_hosp,
                            defaultToolbar: [
                                {
                                    title: '返回',                // 标题
                                    layEvent: 'REPLY',           // 事件名，用于 toolbar 事件中使用
                                    icon: 'layui-icon-return'   // 图标类名
                                },
                                'filter',
                                'exports_custom',
                                'print'
                            ],
                            PrExData: {
                                PrTitle: "医废类型统计分析表",
                                ExTitle: "医废类型统计分析表",
                                header: [
                                    {
                                        type: "date",
                                        float: "left",
                                        size: 10,
                                        index: 1,
                                        dateFormat: "yyyy/MM/dd",
                                        show: true,
                                        text: ""  // 制表日期 ${start} 到 ${end}
                                    }
                                ]
                            },
                            parseData: $.tableTemplate.parseData(),
                            done: function (res, curr, count) {
                                $.tableTemplate.done(res, curr, count, config);
                            }
                        }, config)
                    );
                }
            }
        });

        // 返回
        table.on('toolbar(bootstrap-table)', function (obj) {
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

            if (layEvent === 'REPLY') {
                cols_city[0][0].title = '下辖';
                table.reload("bootstrap-table", {
                    cols: cols_city,
                    where: {
                        disId: districtsId,
                        startDate: startDate,
                        endDate: endDate
                    }
                }); //重载表格
            } else if (layEvent === 'submits') {
                table.reload('bootstrap-table', {
                    where: {
                        startDate: startDate,
                        endDate: endDate
                    }
                });
            }
        });

    });


    // ===============================
    //    layui.use('laydate', function () {
    //        var laydate = layui.laydate;
    //
    //        laydate.render({
    //            elem: '#laydate-demo-4',
    //            range: true
    //        });
    //    });
    //
    //
    //    $(function () {
    //
    //        $.table.hideColumn("userName");
    //        var options = {
    //            url: prefix + "/list",
    //            exportUrl: prefix + "/export",
    //            modalName: "报表统计",
    //            showFooter: true,
    //            onClickCell: onClickCell,
    //            toolbar: "toolbar",
    //            pagination: false,//分页
    //            // showSearch:false,
    //            // showRefresh:false,
    //            // showColumns:false,
    //            // showToggle:false,
    //            // showExport:false,
    //            queryParams: {
    //                disId: 0
    //            },
    //            columns: [
    //                {
    //                    field: 's1',
    //                    align: 'center',
    //                    title: '省',
    //                    sortable: true,
    //                    formatter: function (value, row, index) {
    //                        if (row.i3 < 2)
    //                            return '<span style="text-decoration: underline;color: #3636ad;">' + value + '</span>'
    //                        else
    //                            return value;
    //                    }, footerFormatter: function (value) {
    //                    return '合计';
    //                }
    //                },
    //                {
    //                    field: 'd1',
    //                    align: 'center',
    //                    title: '病理性',
    //                    formatter: function (value, row, index) {
    //                        return value.toFixed(2);
    //                    },
    //                    footerFormatter: function (value) {
    //                        var count = 0;
    //                        for (var i in value) {
    //                            count += value[i].d1;
    //                        }
    //                        return count;
    //                    }
    //                },
    //                {
    //                    field: 'd2',
    //                    align: 'center',
    //                    title: '损伤性',
    //                    formatter: function (value, row, index) {
    //                        return value.toFixed(2);
    //                    },
    //                    footerFormatter: function (value) {
    //                        var count = 0;
    //                        for (var i in value) {
    //                            count += value[i].d2;
    //                        }
    //                        return count;
    //                    }
    //                },
    //                {
    //                    field: 'd3',
    //                    align: 'center',
    //                    title: '感染性',
    //                    formatter: function (value, row, index) {
    //                        return value.toFixed(2);
    //                    },
    //                    footerFormatter: function (value) {
    //                        var count = 0;
    //                        for (var i in value) {
    //                            count += value[i].d3;
    //                        }
    //                        return count.toFixed(2);
    //                    }
    //                },
    //                {
    //                    field: 'd4',
    //                    align: 'center',
    //                    title: '药物性',
    //                    formatter: function (value, row, index) {
    //                        return value.toFixed(2);
    //                    },
    //                    footerFormatter: function (value) {
    //                        var count = 0;
    //                        for (var i in value) {
    //                            count += value[i].d4;
    //                        }
    //                        return count.toFixed(2);
    //                    }
    //                },
    //                {
    //                    field: 'd5',
    //                    title: '化学性',
    //                    align: 'center',
    //                    formatter: function (value, row, index) {
    //                        return value.toFixed(2);
    //                    },
    //                    footerFormatter: function (value) {
    //                        var count = 0;
    //                        for (var i in value) {
    //                            count += value[i].d5;
    //                        }
    //                        return count.toFixed(2);
    //                    }
    //                },
    //                {
    //                    field: 'd6',
    //                    title: '胎盘',
    //                    align: 'center',
    //                    formatter: function (value, row, index) {
    //                        return value.toFixed(2);
    //                    },
    //                    footerFormatter: function (value) {
    //                        var count = 0;
    //                        for (var i in value) {
    //                            count += value[i].d6;
    //                        }
    //                        return count.toFixed(2);
    //                    }
    //                },
    //                {
    //                    title: '总计',
    //                    align: 'center',
    //                    formatter: function (value, row, index) {
    //                        return (row.d1 + row.d2 + row.d3 + row.d4 + row.d5 + row.d6 ).toFixed(2);
    //                    },
    //                    footerFormatter: function (value) {
    //                        var count = 0;
    //                        for (var i in value) {
    //                            count += (value[i].d1 + value[i].d2 + value[i].d3 + value[i].d4 + value[i].d5 + value[i].d6)
    //                        }
    //                        return count.toFixed(2);
    //                    }
    //                }
    //            ]
    //        };
    //
    //        $.table.init(options);
    //
    //        //切换地区
    //        function onClickCell(field, value, row, $element) {
    //            if (field === 's1' && row.i3 < 2) {
    //                options.queryParams.disId = row.i4
    //                console.log(options)
    //                $.table.init(options);
    //                $.table.refresh();
    //                if (row.i3 == 0)
    //                    $("#bootstrap-table > thead > tr > th:nth-child(1) > div.th-inner").html("市")
    //                else if (row.i3 == 1)
    //                    $("#bootstrap-table > thead > tr > th:nth-child(1) > div.th-inner").html("县")
    //            }
    //        }
    //    });


</script>
</body>
</html>